<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
</head>
<body>
<div class="header">
	<div class="container">
		<div class="left"><a href="###"><h1></h1></a></div>
		<div class="center">
			<li><a href="###">首页</a></li>
			<li><a href="###">隐形车衣</a></li>
			<li><a href="###">玻璃防爆膜</a></li>
			<li><a href="###">车身改色膜</a></li>
			<li><a href="###">施工案例</a></li>
			<li><a href="###">报价系统</a></li>
			<li><a href="###">质保查询</a></li>
			<li><a href="###">关于我们</a>
				<div class="des">
					<div class="main clearfix">
						<a href="###">公司简介</a>
						<a href="###">联系我们</a>
						<a href="###">在线留言</a>
					</div>
				</div>
			</li>
		</div>
		<div class="right"><button></button></div>
	</div>
</div>
<!-- 报价搜索 -->
<div class="query main">
	<div class="dl">
		<h3>报价查询</h3>
		<form action="">
			<!-- <select name="" id="">
				<option value ="">类目</option>
				<option value ="">汽车</option>
				<option value ="">配件</option>
				<div class="tri"></div>
			</select>
			
			<select name="" id="">
				<option value ="">车品牌</option>
				<option value ="">汽车</option>
				<option value ="">配件</option>
			</select>
			
			<select name="" id="">
				<option value ="">车型号</option>
				<option value ="">汽车</option>
				<option value ="">配件</option>
			</select>
			
			<select name="" id="">
				<option value ="">大系列</option>
				<option value ="">汽车</option>
				<option value ="">配件</option>
			</select>
			
			<select name="" id="">
				<option value ="">小系列</option>
				<option value ="">汽车</option>
				<option value ="">配件</option>
			</select> -->
			<div class="select">类目</div>
			
			
			<div class="select">
				<div class='first'> 车品牌 </div>
				<div class="fat clearfix">
					<div class="children">隐形车衣</div>
					<div class="children">隐形车衣</div>
					<div class="children">隐形车衣</div>
				</div>
				<div class="tri"></div>
			</div>
			
			<div class="select">
				<div class='first'> 车品牌 </div>
				<div class="fat clearfix">
					<div class="children">隐形车衣</div>
					<div class="children">隐形车衣</div>
					<div class="children">隐形车衣</div>
				</div>
				<div class="tri"></div>
			</div>
			
			
			
			
			<button class='btn'>确认查询</button>
		</form>
	</div>
	
	
	<div class="dr">
		<div class="msg clearfix">
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts01.png" alt=""></div></div>
				<div>车顶</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts02.png" alt=""></div></div>
				<div>侧裙</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts03.png" alt=""></div></div>
				<div>后翼子板</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts04.png" alt=""></div></div>
				<div>后盖</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts05.png" alt=""></div></div>
				<div>机盖</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts06.png" alt=""></div></div>
				<div>后保险杠</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts07.png" alt=""></div></div>
				<div>车门</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts08.png" alt=""></div></div>
				<div>前保险杠</div>
				<div>¥:1620</div>
			</div>
			<div class="box clearfix">
				<div><div class="img_box"><img src="images/parts09.png" alt=""></div></div>
				<div>前翼子板</div>
				<div>¥:1620</div>
			</div>
		</div>
	</div>
</div>




<div class="footer">
	<div class="main">
		<div class="bl">
			<div class="company"> &copy;广州南途汽车用品有限公司 </div>
			<a href="###">粤ICP备19142218号-1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：云路科技
		</div>
		<div class="br">
			<div class="bshare-custom icon-medium-plus">
				<div class="bsPromo bsPromo2"></div>
				<a title="分享到Facebook" class="bshare-facebook" href="javascript:void(0);"></a>
				<a title="分享到推他" class="bshare-tuita" href="javascript:void(0);"></a>
				<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
<script src="js/index.js"></script>


<script>
	$('.btn').click(function(e){
		e.preventDefault();
		$('.query .dr').show();
		setTimeout(function(){
			$('.query').addClass('offer');
		})
	})
</script>
</body>
</html>
